<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="jstl-fn" prefix="fn" %>
<%@ taglib prefix="c" uri="jstl"%>
<jsp:include page="Templates/metas.jsp"/>
<script type="text/javascript">
	function sendForm( ){
		
		document.getElementById('acc').value=0;
		document.forms['cotizadorForm'].submit();
		
		}

	function hideSeguro(obj){
		if(obj.value==1){
			$("#spSeguro").css("display","none");
		}else{
			$("#spSeguro").css("display","block");
		}
	}

	function calc(  ){

		var nPaq = document.getElementById('cantidad').value ;
		var unidad = document.getElementById('unidad').checked ;

		for( i = 0 ; i < nPaq ; i++ ){
			var x = i + 1 ;

			var lar = document.getElementById('largo_'+x).value ;
			var anch = document.getElementById('ancho_'+x).value ;
			var alt = document.getElementById('alto_'+x).value ;
			
			if( !unidad ){
				lar = lar * 2.54 ;
				anch = anch * 2.54 ;
				alt = alt * 2.54 ;
				$('#pk_'+x).html('lb.') ;
			}	else	{
				$('#pk_'+x).html('kg.') ;
			}

			var pVol = ( lar*anch*alt )/6000 ;
			
			$('#pv_'+x).html(pVol.toFixed(2)) ;
			document.getElementById('pesoVol_'+x).value = pVol ;			
			} 

		
		}
</script>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
		
		<jsp:include page="Templates/header.jsp"/>
       
        <section id="container">       					
						
        <h1 class="mine_title"><img src="img/shadow_title.png" class="shadow_mineTit">COTIZADOR</h1>
        	<p class="txt txt_gray">
        		<b>Utiliza esta herramienta para tener un costo aproximado de lo que pagar&iacute;as por la importaci&oacute;n y env&iacute;o de tus compras.</b>
        	</p>
        	<br><br>
        	<!-- AVISOS DE ERROR -->
        	<div align="center" class="txt txt_red">
        		<html:errors/>
        	</div>
        	<c:choose>
        		<c:when test="${Form.acc eq 0 }">
        		
        			<html:form action="cotizador.do" method="post" styleId="formId">
						<table class="table_reg2" width="35%">
							<tr>
								<td align="right" width="40%"><span class="txt_red">*</span>Cantidad de piezas (paquetes):</td>
								<td width="60%">								
									<html:text styleClass="txt_input" size="5" property="cantidad" value="${Form.cantidad}" styleId="cantidad" onchange="sendForm();"/>
									<html:hidden property="acc" styleId="acc" value="${acc}"/>
								</td>
							</tr>
							<tr>
								<td align="right"><span class="txt_red">*</span>Tipo de mercancia</td>
								<td>
									<html:select property="tipo_mercancia" styleId="tipo_mercanciaC" onchange="return hideSeguro(this);">
										<c:set var="print" value="0"/>										
										<c:forEach items="${mercancias}" var="mercancia">
											<c:if test="${mercancia.cve_mercancia eq Form.tipo_mercancia }">
												<option selected="selected" value="${mercancia.cve_mercancia}">${mercancia.nombre}</option>
												<c:set var="print" value="1"/>
											</c:if>
												<c:if test="${mercancia.cve_mercancia ne Form.tipo_mercancia }">
													<option value="${mercancia.cve_mercancia}">${mercancia.nombre}</option>
												</c:if>																							
										</c:forEach>
										<c:if test="${print eq 0 }">
												<option selected="selected" value="0">Seleccionar</option>
										</c:if>
									</html:select>							
								</td>
							</tr>
							<tr>
								<td align="right">Valor de la mercanc&iacute;a</td>
								<td>
								<html:text styleClass="txt_input" size="10" styleId="valorC" value="${Form.valor}" property="valor"/> <span class="txt_gray">USD</span>
								</td>
							</tr>							
							<tr>
								<td align="right"><span class="txt_red">*</span>Codigo Postal</td>
								<td>
									<html:text styleClass="txt_input" size="10" value="${Form.cp}" property="cp"/>
								</td>
							</tr>
						</table>
						<hr>
						<h2 class="subtitle txt_red">SELECCIONA UNA DE LAS SIGUIENTES OPCIONES PARA REGISTRAR EL PESO REAL Y CALCULAR EL PESO VOLUMETR&Iacute;CO DEL ENV&Iacute;O.</h2>
		        		<table class="table_reg2">
		        			<tr>
		        				<td>
		        				<c:if test="${Form.unidad eq 1 or Form.unidad eq 0 }">
		        					<input type="radio" name="unidad" id="unidad" value="1" onclick="calc()" checked>
		        				</c:if>
		        				<c:if test="${Form.unidad eq 2 }">
		        					<input type="radio" name="unidad" id="unidad" value="1" onclick="calc()" >
		        				</c:if>
		        				<span class="txt_gray">Peso en kilogramos y dimensiones en cent&iacute;metros.</span></td>
		        			</tr>
		        			<tr>
		        				<td>
		        				<c:if test="${Form.unidad eq 2 }">
		        					<input type="radio" name="unidad" value="2" onclick="calc()" checked>
		        				</c:if>
		        				<c:if test="${Form.unidad eq 1 or Form.unidad eq 0 }">
		        					<input type="radio" name="unidad" value="2" onclick="calc()">
		        				</c:if>
		        				 <span class="txt_gray">Peso en libras y dimensiones en pulgadas</span></td>
		        			</tr>
		        		</table>
		        		
		        		<div>
			        		<c:forEach items="${paquetes }" var="paquete" varStatus="num">
				        		<!-- Paquetes  -->
				        		<p class="txt txt_red"><b>Paquete ${num.count }</b></p>
				        		<table class="table_reg2">
				        			<tr>
				        				<td>Peso :</td>
				        				<td><input type="text" class="txt_input" size="5" value="${paquete[0]}" id="peso_${num.count}" name="peso" onkeyup="calc();"></td>
				        				<td>Peso dimensional:</td>
				        				<td>
				        					<input type="text" class="txt_input" size="5" value="${paquete[1]}" id="largo_${num.count}" name="largo" onkeyup="calc();">
				        					<br>
				        					<small>Largo</small>
				        				</td>
				        				<td>
				        					<input type="text" class="txt_input" size="5" value="${paquete[2]}" id="ancho_${num.count}" name="ancho" onkeyup="calc();">
				        					<br>
				        					<small>Ancho</small>
				        				</td>
				        				<td>
				        					<input type="text" class="txt_input" size="5" value="${paquete[3]}" id="alto_${num.count}" name="alto" onkeyup="calc();">
				        					<br>
				        					<small>Alto</small>
				        				</td>
				        				<td class="td_redAbs">Peso volumetrico calculado: <span id="pv_${num.count}"> ${paquete[4] } </span> <span id="pk_${num.count}">kg.</span>
				        					<input type="hidden" class="txt_input" size="5" value="${paquete[4]}" name="pesoVol" id="pesoVol_${num.count}">
				        				</td>
				        				
				        			</tr>
				        		</table>
				        		<!-- Paquetes  -->
				        	</c:forEach>
				        	
		        		</div>
		        		<table class="table_reg2">
		        			<tr>
		        				<td id="spSeguro">Seguro de la mercanc&iacute;a: 
		        					<span class="txt_gray" >
			        					<c:if test="${Form.seguro eq 'si' or Form.seguro eq null }">
			        						<input type="radio" name="seguro" value="si" id="seguroSI" checked> Si &emsp;
		        						</c:if> 
		        						<c:if test="${Form.seguro eq 'no' }">
			        						<input type="radio" name="seguro" value="si" id="seguroSI"> Si &emsp;
		        						</c:if>
		        						<c:if test="${Form.seguro eq 'no' }"> 
		        							<input type="radio" name="seguro" value="no" checked id="seguroNO"> No
		        						</c:if> 
		        						<c:if test="${Form.seguro eq 'si' or Form.seguro eq null }"> 
		        							<input type="radio" name="seguro" value="no" checked id="seguroNO"> No
		        						</c:if> 
		        					</span>
		        				</td>
		        			</tr>
		        		</table>
		        		<p class="txt txt_small txt_gray">
		        			El peso del env&iacute;o que resulte mayor al comparar el peso real y el peso volum&eacute;trico es el que aplicar&aacute; para cotizar el flete del env&iacute;o
		        			<br>
		        			Para calcular el valor CIF de tu mercanc&iacute;a suma el valor de tu producto + el flete a tu domicilio en Laredo, Texas + Seguro en caso de que hayas contratado el servicio.
		        			<br><br>
		        			<input onclick="return sendData();" type="image" src="img/btn_calcular.png"> &ensp; <input onclick="document.getElementById('acc').value=2;" type="image" src="img/btn_borrar.png">
		        		</p>
		        		<hr>
		        		</html:form>
		        		<script type="text/javascript">
		        			function sendData(){
		        				valor = document.getElementById("valorC").value;
		        				tipo = document.getElementById("tipo_mercanciaC").value;
		        				if( valor<=100 || tipo == 1 || tipo == 3 || tipo == 4 ){
			        				document.getElementById("seguroNO").checked = true;
			        				document.getElementById("seguroSI").checked = false;
				        		}
		        				document.getElementById('acc').value=1;
			        			return true;
			        		}
		        		</script>
        		
        		</c:when>
        		<c:otherwise>
        		
        			<c:if test="${tamanio gt 0}">
	        		<h2 class="subtitle txt_red">A continuaci&oacute;n se muestra la cotizaci&oacute;n detallada:</h2>
	        		
	        		<c:if test="${ alerta_valor eq 'ok' }">
	        			<h2 class="subtitle txt_red">Los impuestos se aplicar&aacute;n con una tasa difente por lo que no se reflejara ning&uacute;n monto en este concepto.</h2>
	        		</c:if>
	        		
	        		<c:forEach items="${Res}" var="res">
	        			
	        			<c:if test="${ res.servicio eq 'EXPRESS' }">
		        			<table class="table_calculo" style="float: left;">
			        			<thead>
			        				<tr>
			        					<th>Concepto</th>
			        					<th>Monto</th>
			        				</tr>
			        			</thead>
			        			<tr class="alternate">
			        				<td><b>Servicio</b></td>
			        				<td>${res.servicio}</td>
			        			</tr>
			        			<tr>
			        				<td><b>Impuestos</b></td>
			        				<td>$ ${res.impuestos}</td>
			        			</tr>
			        			<tr class="alternate">
			        				<td><b>Manejo</b></td>
			        				<td>$ ${res.manejo}</td>
			        			</tr>
			        			<tr>
			        				<td><b>Env&iacute;o</b></td>
			        				<td>$ ${res.envio}</td>
			        			</tr>
			        			<tr class="alternate">
			        				<td><b>Seguro</b></td>
			        				<td>$ ${res.seguro}</td>
			        			</tr>
			        			<tfoot>
			        				<tr>
			        					<td><b>TOTAL EN USD:</b></td>
			        					<td>$ ${res.total}</td>
			        				</tr>
			        			</tfoot>
			        		</table>
			        		<span class="clear"></span>
		        		</c:if>
		        		
		        		<c:if test="${ res.servicio eq 'ECOEXPRESS' && Form.tipo_mercancia ne '1' }">
		        			<table class="table_calculo" style="float: left;">
			        			<thead>
			        				<tr>
			        					<th>Concepto</th>
			        					<th>Monto</th>
			        				</tr>
			        			</thead>
			        			<tr class="alternate">
			        				<td><b>Servicio</b></td>
			        				<td>${res.servicio}</td>
			        			</tr>
			        			<tr>
			        				<td><b>Impuestos</b></td>
			        				<td>$ ${res.impuestos}</td>
			        			</tr>
			        			<tr class="alternate">
			        				<td><b>Manejo</b></td>
			        				<td>$ ${res.manejo}</td>
			        			</tr>
			        			<tr>
			        				<td><b>Env&iacute;o</b></td>
			        				<td>$ ${res.envio}</td>
			        			</tr>
			        			<tr class="alternate">
			        				<td><b>Seguro</b></td>
			        				<td>$ ${res.seguro}</td>
			        			</tr>
			        			<tfoot>
			        				<tr>
			        					<td><b>TOTAL EN USD:</b></td>
			        					<td>$ ${res.total}</td>
			        				</tr>
			        			</tfoot>
			        		</table>
			        		<span class="clear"></span>
		        		</c:if>
		        		
	        		</c:forEach>
	        			        		
        		</c:if>
        		<c:if test="${tamanio eq 0}">
        		<div align="center" class="txt txt_red">
	        		No hay cotizaci&oacute;n
	        	</div>
        		</c:if>
        		
        		<p class="txt_small">
        			El resultado obtenido es un monto aproximado de acuerdo a los datos ingresados, el cual puede variar dependiendo de  la informaci&oacute;n real del peso cobrable del env&iacute;o, as&iacute; como del c&aacute;lculo de los impuestos una vez revisadas las especificaciones de la mercanc&iacute;a al momento de su arribo.
        			<br><br>
        			<a href="cotizador.do" ><img alt="" src="img/btn_nuevoCalculo.png"></a>
        		</p>
        			
        		</c:otherwise>
        	</c:choose>
        		
        		<br>
        		<p class="txt_small txt_center">
        			Para mayor informaci&oacute;n puedes comunicarte con nosotros al tel&eacute;fono sin costo  <span class="txt_blue"><b>01 800</b></span> 24922400 o escribirnos a <a href="mailto:informacion@redpost.com.mx" class="link_blue">informacion@redpost.com.mx</a>.
        		</p>
        		<br>
        		<span id="node_chat_njsd" class="ico_chat"></span>
        </section>
        
		<jsp:include page="Templates/footer.jsp"/>
		<script type="text/javascript">
        	$(".txt_input").attr("onkeypress","return ValidNum(event)");
        </script>
        <script>calc();</script>
        